.rule-item-main {
  background-color: var(--elegant-view-color);
  border-color: var(--elegant-border-color);
  &:hover{
  border-color: var(--elegant-primary-color);
  }
  .rule-btn-delete {
    opacity: 0;
    pointer-events: none;
  }

  &:hover > .rule-btn-delete {
    opacity: 1;
    pointer-events: all;
    background-color: var(--elegant-primary-color);
  }
}
